/*
 * @Author: 胡彪 675473760@qq.com
 * @Date: 2025-08-11 18:40:22
 * @LastEditors: 胡彪 675473760@qq.com
 * @LastEditTime: 2025-08-15 23:55:10
 * @FilePath: \web-cloudbase-vue-template\src\main.js
 * @Description: 应用入口文件
 */
import { createApp } from 'vue'
import { createRouter, createWebHashHistory } from 'vue-router'

// 导入样式
import './assets/styles/global.css'  // 全局基础样式
import './assets/styles/main.css'    // Tailwind CSS
import './assets/styles/app.css'     // 应用级别样式

import App from './App.vue'

// 导入页面组件
import HomePage from './pages/HomePage.vue'
import CloudBaseStatusPage from './pages/CloudBaseStatusPage.vue'

// 定义路由
const routes = [
  { path: '/', component: HomePage },
  { path: '/cloudbase-status', component: CloudBaseStatusPage },
  { path: '/:pathMatch(.*)*', redirect: '/' } // 404重定向到首页
]

// 创建路由实例 - 使用hash模式避免静态托管时的刷新404问题
const router = createRouter({
  history: createWebHashHistory(),
  routes
})

// 创建应用实例
const app = createApp(App)

// 使用路由
app.use(router)

// 挂载应用
app.mount('#app')
